<template>
  <div id="publicHzIdFlag" class="hzjg bg1 hzBox">
    <div class="hzjgTit pTit">{{itemData.title}}</div>
    <div class="hzjgCon borderCon">
      <ul class="clearfix" style="text-align: center;display: table;">
        <li v-for="(item,i) in list">
          <a :href="item.url">
            <img :src="item.img">
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'Hx',
    mounted: function () {
      this.loadMore();
    },
    methods: {
      loadMore: function () {
        var me = this;
        me.$http.get(me.itemData.service, {
          params: {page: me.page++, pagesize: 10}
        }).then(response => {
          if (response.data.code == '0000') {
            me.list.push(...response.data.data.list);
          }
        }, response => {
        });
      }
    },
    props: ['itemData'],
    //数据
    data(){
      return {
        list:[]
      }
    }
  }
</script>

<style>
</style>
